{% extends "base.html" %}

{% block title %}数据脱敏 - 自动化脱敏系统{% endblock %}

{% block content %}

<!-- 主内容区 -->
<div class="main-content" >
    <div class="upload-card" style="width: 800px;padding-left: 40px;border-left-width: 10px;">
        <h2 class="upload-title">
            <i class="fas fa-file-upload"></i>
            安全文件上传
        </h2>
        <form method="post" enctype="multipart/form-data" action="/upload">
            <!-- 步骤1：上传文件 -->
            <div class="form-section">
                <h3><i class="fas fa-file-import"></i> 步骤1：上传文件</h3>
                <input type="file" name="file" required accept=".csv,.xlsx,.txt,.jpg,.png,.jpeg">
            </div>

            <!-- 步骤2：选择脱敏方式 -->
            <div class="form-section">
                <h3><i class="fas fa-cogs"></i> 步骤2：选择脱敏方式</h3>
                <select name="method" required>
                    <option value="mask">遮盖脱敏（默认）</option>
                    <option value="hash">哈希脱敏</option>
                    <option value="replace">替换脱敏</option>
                    <option value="encrypt">加密脱敏</option>
                    <option value="image_mask">人脸图像遮盖脱敏</option>
                </select>
            </div>

            <button type="submit" class="submit-btn">
                <i class="fas fa-lock"></i>
                开始脱敏处理
            </button>
        </form>
    </div>
</div>

{% endblock %}